From 6cb399e7267ae78e3e498bdbf5f51678ffb2cd45 Mon Sep 17 00:00:00 2001
From: ivarlovlie <git@ivarlovlie.no>
Date: Tue, 21 Feb 2023 23:24:14 +0100
Subject: feat: Many things

Configure sanity in same project as the app
Implement type safe sanity schema
Read localised documents
Strip down design
---
 src/routes/[lang=lang]/+page.svelte | 43 +++++++++++++++++++++++++++++++++----
 1 file changed, 39 insertions(+), 4 deletions(-)

(limited to 'src/routes/[lang=lang]/+page.svelte')

diff --git a/src/routes/[lang=lang]/+page.svelte b/src/routes/[lang=lang]/+page.svelte
index f2028c6..0ab63ee 100644
--- a/src/routes/[lang=lang]/+page.svelte
+++ b/src/routes/[lang=lang]/+page.svelte
@@ -3,13 +3,48 @@
 	import Hero from "./sections/hero.svelte";
 	import Description from "./sections/description.svelte";
 	import Products from "./sections/products.svelte";
+	import LL from "$i18n/i18n-svelte";
 
 	import type { PageData } from "./$types";
 
 	export let data: PageData;
 </script>
 
-<Hero model={data.hero} />
-<Description model={data.description} />
-<Contact model={data.contact} />
-<Products model={data.products} />
+<main>
+	<section id="hero">
+		<div class="hero">
+			<Hero model={data.hero} />
+		</div>
+		<div>
+			<Description model={data.description} />
+		</div>
+	</section>
+	<section>
+		<h3 class="mb-3">{$LL.ourServices()}</h3>
+		<Products model={data.products} />
+	</section>
+	<section>
+		<Contact model={data.contact} />
+	</section>
+</main>
+
+<style>
+	main {
+		margin: 0 5vw 2vh 5vw;
+		display: flex;
+		flex-direction: column;
+	}
+	main section {
+		margin-bottom: 2vh;
+	}
+
+	#hero {
+		display: grid;
+		grid-template-columns: repeat(2, 50%);
+		justify-content: space-between;
+	}
+
+	#hero .hero {
+		padding: 3.2vw;
+	}
+</style>
-- 
cgit v1.3

